<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>Themes</title>
		<link rel="stylesheet" type="text/css" href="style.css" />
		<link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" />
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
	</head>

	<body>

		<div class="logo"></div>

		<nav class="navbar navbar-expand-lg navbar-light bg-light">
			<div class="container mt-4">
				<a class="navbar-brand">Themes</a>
				<ul class="nav justify-content-end">
					<li class="nav-item">
						<a class="nav-link active" href="">
							<font color="#293a46">
								<font size="4">Themes</font>
							</font>
						</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="">
							<font color="#293a46">
								<font size="4">About</font>
							</font>
						</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="">
							<font color="#293a46">
								<font size="4">FAQ</font>
							</font>
						</a>
					</li>
				</ul>
			</div>
		</nav>

		<div class="header-1">
			<img src="img/1.png" />
			<h2>Themes</h2>
			<p>Customize and extend</p>
			<button type="button" class="btn btn-primary">Explore</button>
		</div>

		<div class="container">
			<div class="row text-center">
				<div class="col-md-4">
					<img src="img/2.png" />
					<h5>Components and examples</h5>
					<p>Each theme features new components</p>
				</div>
				<div class="col-md-4">
					<img src="img/3.png" />
					<h5>Components and examples</h5>
					<p>Each theme features new components</p>
				</div>
				<div class="col-md-4">
					<img src="img/4.png" />
					<h5>Components and examples</h5>
					<p>Each theme features new components</p>
				</div>
			</div>
		</div>

		<div class="header-2 text-center mt-5">
			<h3>Team</h3>
			<div class="container">
				<div class="row">
					<div class="col-md-4">
						<div class="card">
							<img src="img/insta-2.jpg" style="height:150px;" class="card-img-top" alt="...">
							<div class="card-body">
								<h5 class="card-title">Jacob Thornton</h5>
								<p class="card-text">Creator of Bootstrap,tngineer at Twitter & Medium.Founder of Bumpers.</p>
								<a href="#" class="btn btn-primary">View GitHub</a>
							</div>
							<div class="box">
								<img src="img/avatar-fat.jpg" class="card-img-top" />
							</div>
						</div>
					</div>
					<div class="col-md-4">
						<div class="card">
							<img src="img/insta-1.jpg" style="height:150px;" class="card-img-top" alt="...">
							<div class="card-body">
								<h5 class="card-title">Mark QttQ</h5>
								<p class="card-text">Design at GitHub.Creator of Bootstrap.Previously at Twitter.Huge nerd.</p>
								<a href="#" class="btn btn-primary">View GitHub</a>
							</div>
							<div class="box">
								<img src="img/avatar-mdo.jpg" class="card-img-top" />
							</div>
						</div>
					</div>
					<div class="col-md-4">
						<div class="card">
							<img src="img/insta-3.jpg" style="height:150px;" class="card-img-top" alt="...">
							<div class="card-body">
								<h5 class="card-title">Dave Gamache</h5>
								<p class="card-text">Design at Twitter & Medium.Starting something new soon;)</p>
								<a href="#" class="btn btn-primary">View GitHub</a>
							</div>
							<div class="box">
								<img src="img/avatar-dhg.png" class="card-img-top" />
							</div>
						</div>
					</div>
				</div>









				<div class="main-inner mt-5 pt-5 text-left">
					<div class="container">
						<div class="card">
							<div class="card-body">
								<div class="float-left">
									<h5 class="card-title">C'mon,check out the themes!</h5>
									<p class="card-text">Now you know what we've about,so peep the goods!</p>
								</div>
								<a href="#" class="float-right mt-4 mr-3 btn btn-primary">Explore</a>
							</div>
						</div>
					</div>
				</div>
				
				
				
				
				
				
				
				
				
				<footer>
				<ul class="nav justify-content-center mt-5">
                  <li class="nav-item">
                         <a class="nav-link" href="#"><font color="#8215a9">About</font></a>
                      </li>
                   <li class="nav-item">
                    <a class="nav-link" href="#"><font color="#8215a9">Terms</font></a>
                </li>
                  <li class="nav-item">
                 <a class="nav-link" href="#"><font color="#8215a9">privacy</font></a>
                </li>
                <li class="nav-item">
                 <a class="nav-link disabled" href="#"><font color="#8215a9">Licenses</font></a>
              </li>
              <li class="nav-item">
                 <a class="nav-link" href="#"><font color="#8215a9">FAQ</font></a>
                </li>
                <li class="nav-item">
                 <a class="nav-link" href="#"><font color="#8215a9">Bootstrap</font></a>
                </li>
              </ul>
				</footer>
				
				
				
				
				
				
				

	</body>

</html>